<!-- 用户中心=》设备与技术提供商=》技术详情 -->
<!-- 用户中心=》用能单位=》项目详情 -->
@include("user.head")
<div class="wrapper">
	<div class="row no_margin proTitle">首页>低碳项目>技术详情</div>
	<div class="row">
		<div class="col-xs-12">
			<div class="col-xs-6 no_padding">
				<img src="<%url('user/img/project.png')%>"height="440" width="480" alt="">
			<div class="col-xs-12 no_padding bianju">
				<div class="col-xs-3 no_padding"><img src="<%url('user/img/project.png')%>"height="80" width="100" alt=""></div>
				<div class="col-xs-3 no_padding"><img src="<%url('user/img/project.png')%>"height="80" width="100" alt=""></div>
				<div class="col-xs-3 no_padding"><img src="<%url('user/img/project.png')%>"height="80" width="100" alt=""></div>
			</div>
			</div>
			<div class="col-xs-6">
				<div class="col-xs-12 proritht">
					<div class="col-xs-12">牛皮纸笔记本</div>
				</div>
				<div class="col-xs-12 prorightRice bianju">
					<div class="col-xs-10"><span class="prorightRice_size">215元</span></div>
					<div class="col-xs-2" id="star"><a href="javascript:;"><i class="fa fa-star-o"></i>收藏</a></div>
				</div>
				<div class="col-xs-12 bianju proContent">
					<div class="col-xs-12">技术开发者：碳银网</div>
					<div class="col-xs-12">技术优势：理论知识、操作经验及技巧</div>
					<div class="col-xs-12">技术图标：<a href=""><i class="fa fa-clock-o"></i></a> <a href=""><i class="fa fa-key"></i></a> <a href=""><i class="fa fa-download"></i></a></div>
					<div class="col-xs-12">最低价：￥200元</div>
					<div class="col-xs-12">最高价：￥500</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row no_margin proDetail">
		<ul class="nav nav-tabs">
			<li class="active"><a href="#jieshao" data-toggle="tab" aria-expanded="true">技术介绍</a></li>
			<li class=""><a href="#jingdu" data-toggle="tab" aria-expanded="false">应用范围</a></li>
			<li class=""><a href="#liebiao" data-toggle="tab" aria-expanded="false">技术案列</a></li>
		</ul>
		<div id="myTabContent" class="tab-content">
			<div class="tab-pane fade active in" id="jieshao">
			  	<div class="row no_margin techDetail">
			  		<div class="col-xs-12 no_padding">
			  			<div class="panel panel-default">
				 			<div class="row panel-heading text-center no_margin">
				 				<div class="col-xs-4 text-left">技术原理概况</div>
							</div>
							<div class="panel-body techContent">
								<div class="row">s
									<div class="col-xs-12">
										碳银网技术好碳银网技术好碳银网技术好碳银，网技术好碳银网技术好碳银网技术好碳银网技术。好碳银网技术好碳银网技术好碳银网技术，好碳银网技术好碳银网技术好碳银网技术好碳银网技术好碳银网。技术好碳银网技术好碳银网技，术好碳银网技术好碳银网技术。好碳银网技术好碳银网技术好碳银网技术好碳，银网技术好碳银网技术好碳银网技术好。
									</div>
								</div>
							</div>
							<div class="row panel-heading text-center no_margin">
				 				<div class="col-xs-4 text-left">技术评价</div>
							</div>
							<div class="row bianju">
								<div class="col-xs-3 techEvaluate">
									<div class="col-xs-12 text-right">与描述相符</div>
									<div class="col-xs-12 techNum text-right">4.7</div>
									<div class="col-xs-12 text-right">
										<i class="fa fa-star star_color"></i>
										<i class="fa fa-star star_color"></i>
										<i class="fa fa-star star_color"></i>
										<i class="fa fa-star star_color"></i>
										<i class="fa fa-star star_color"></i>
									</div>
								</div>
								<div class="col-xs-9 techSupot">
									<!-- <div class="col-xs-1">大家都提到</div> -->
									<div class="col-xs-10 bianju techGood">
										<div class="col-xs-3">
											<div class="techEva text-center">技术不错(123)</div>
										</div>
										<div class="col-xs-3">
											<div class="techEva text-center">技术不错(123)</div>
										</div>
										<div class="col-xs-3">
											<div class="techEva text-center">技术不错(123)</div>
										</div>
									</div>
									<div class="col-xs-10 bianju techGood">
										<div class="col-xs-3">
											<div class="techEva text-center">技术差劲(0)</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row techThink no_margin">
								<div class="col-xs-3 text-right">
									同行认为
								</div>
								<div class="col-xs-9 text-left">
									<div class="col-xs-2">伙牌同行：</div>
									<div class="col-xs-10">
										<div class="progress">
											<div class="progress-bar progress-bar-info" style="width: 93%"></div>
										</div>
									</div>
								</div>
							</div>
			 			</div>
		 				<div class="row techThink1 foot-xbj">
							<div class="col-xs-2">
								<div class="col-xs-12 text-right">初次评价:</div>
								<div class="col-xs-12 text-right">05.25</div>
							</div>
							<div class="col-xs-10">
								<div class="col-xs-12">商品：<span class="techGood">商品不错很划算，还送了小礼物心动不如行动！要买的快哦！</span></div>
								<div class="col-xs-12">服务：<span class="techGood">物流很快，卖家服务态度很好。很满意！</span></div>
							</div>
							<div class="col-xs-12 text-right">
								我***7(匿名)
							</div>
						</div>
						<div class="row text-center">
							<div class="bs-example" data-example-id="disabled-active-pagination">
							    <nav>
							      <ul class="pagination">
							        <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
							        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
							        <li><a href="#">2</a></li>
							        <li><a href="#">3</a></li>
							        <li><a href="#">4</a></li>
							        <li><a href="#">5</a></li>
							        <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
							     </ul>
							   </nav>
							</div>
						</div>
			  		</div>
			  	</div>
			</div>
			<div class="tab-pane fade" id="jingdu">
				<div class="row no_margin techDetail">
		  		<div class="col-xs-12 no_padding">
		  			<div class="panel panel-default">
			 			<div class="row panel-heading text-center no_margin">
			 				<div class="col-xs-4 text-left">应用范围名称</div>
						</div>
						<div class="panel-body techContent2">
							<div class="row">
								<div class="col-xs-12">
									碳银网
								</div>
							</div>
						</div>
						<div class="row panel-heading text-center no_margin">
			 				<div class="col-xs-4 text-left">应用范围内容</div>
						</div>
						<div class="row techThink2">
							<div class="col-xs-12">
								技术：是人类为了满足自身的需求和愿望，遵循自然规律，在长期利用和改造自然的过程中，积累起来的知识、经验、技巧和手段，是人类利
用自然改造自然的方法、技能和手段的总和但是也是需在在实际中多多磨练才能找到自己技术所在地。
							</div>
						</div>
		 			</div>
		  		</div>
		  	</div>
			</div>
		  	<div class="tab-pane fade bianju" id="liebiao">
		        <div class="bs-example" data-example-id="panel-without-body-with-table">
				    <div class="panel panel-default">
				      <!-- Default panel contents -->
				      <!-- Table -->
				      <table class="table">
				        <tbody>
					        <tr class="techGood">
					            <th>案列名称</th>
					            <th class="death_width text-center">案列内容</th>
					            <th>开始时间</th>
					            <th>结束时间</th>
					        </tr>
					        <tr>
					            <td>Mark</td>
					            <td>案列内容案案列内容案案列内容案案列内容案案列内容案案列内容案列内容案列内容案列内容案列内容案列内容案列内容案列内容</td>
					            <td>2012-10-1 12:00</td>
					            <td>2012-10-1 12:00</td>
					        </tr>
					        <tr>
					            <td>Jacob</td>
					            <td>案列内容案列内容案列内容案列内容案列内容案列内容案列内容案列内容</td>
					            <td>2012-10-1 12:00</td>
					            <td>2012-10-1 12:00</td>
					        </tr>
					        <tr>
					            <td>Larry</td>
					            <td>案列内容案列内容案列内容案列内容案列内容案列内容案列内容案列内容</td>
					            <td>2012-10-1 12:00</td>
					            <td>2012-10-1 12:00</td>
					        </tr>
				        </tbody>
				      </table>
				    </div>
				</div>
		 	</div>
		</div>
	</div>
</div>
@include("user.footer")
@include("user.common")
<script type="javascript">
	$("#star").attr()
</script>